<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Contact-<{:C('site_title')}></title>
<meta name="keywords" content="<{:C('site_keyword')}>">
<meta name="description" content="<{:C('site_content')}>">
<link rel="stylesheet" href="<{:STATICS}>/font-awesome/css/font-awesome.min.css">
<link href="<{:STATICS}>/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="<{:RES}>/css/style.css" />
<link rel="stylesheet" href="<{:RES}>/css/contact.css" />
<include file="Public:js" />
<script type="text/javascript" src="<{:STATICS}>/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="<{:STATICS}>/js/jquery.form.min.js"></script>
<script type="text/javascript" src="<{:STATICS}>/layer_mobile/layer.js"></script>
<script src="<{:RES}>/js/contact.js"></script>
</head>
<body>

<include file="Public:header" />

<div class="inBanner"><h1>CONTACT</h1></div>

<div class="mfbox inBox">
	<div class="tabMenu">
		<!-- <a href="<{:U('Contact/index')}>">Contact us</a> -->
		<a href="<{:U('Contact/feedback')}>" class="active">Contract us</a>
	</div>
	
	<div class="contact-area">
				<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
					<div class="contact-block">
						<div class="contact-icon effect">
							<a href="#"><i class="fa fa-phone"></i></a>
						</div>
						<div class="contact-text">
							<h3>PHONE</h3>
							<span><{:C('site_tel')}></span>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
					<div class="contact-block">
						<div class="contact-icon effect">
							<a href="#"><i class="fa fa-map-marker"></i></a>
						</div>
						<div class="contact-text">
							<h3>ADDRESS</h3>
							<span><{:C('site_address')}></span>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
						<div class="contact-block">
							<div class="contact-icon effect">
								<a href="#"><i class="fa fa-envelope-o"></i></a>
							</div>
							<div class="contact-text">
								<h3>E-MAIL</h3>
								<span><{:C('site_email')}></span>
							</div>
						</div>
					</div>
			</div>

		<p style="margin-left: 135px;font-weight: 700;font-size: 25px;">Contact US</p>
		<div style="margin-left: 135px;font-size: 18px;margin-bottom: 20px;font-weight: 700 ">
			Whether you’re looking for emergency or preventive service, need equipment or
			 parts, have any question about us, please call us or fill out the form. We promise to 
			 get back to you today!
		</div>

	<div class="onepage">
		<form id="ajaxForm" action="<{:U('Contact/save')}>" method="post" class="form-horizontal form-validata myform">
			<div class="form-group">
				<!-- <label class="col-md-2 control-label">Name</label> -->
				<div class="col-md-9">
					<input placeholder="Your Name" type="text" name="name" id="name" class="form-control" data-rule-required="true">
				</div>
			</div>

			<div class="form-group">
				<!-- <label class="col-md-2 control-label">Phone</label> -->
				<div class="col-md-9">
					<input placeholder="Your Phone" type="text" name="tel" id="tel" class="form-control" data-rule-required="true" data-rule-phone="true">
				</div>
			</div>

			<div class="form-group">
				<!-- <label class="col-md-2 control-label">Email</label> -->
				<div class="col-md-9">
					<input placeholder="Your Email" type="text" name="email" id="email" class="form-control" data-rule-required="true" data-rule-email="true">
				</div>
			</div>

			<!-- <div class="form-group">
				<label class="col-md-2 control-label">Subject</label>
				<div class="col-md-9">
					<input placeholder="Your Subject" type="text" name="subject" id="subject" class="form-control" data-rule-required="true" data-rule-email="true">
				</div>
			</div> -->

			<div class="form-group">
				<!-- <label class="col-md-2 control-label"> Your Message</label> -->
				<div class="col-md-9">
					<textarea placeholder="Your Message" name="content" id="content" class="form-control" rows="10" data-rule-required="true"></textarea>
				</div>
			</div>
	
			<div class="form-group">
				<div class="col-md-10 col-sm-offset-2">
					<button type="submit" id="form-btn" id="formBtn" class="btn btn-success">Submit</button>
					<span id="msg"></span>
				</div>
			</div>

			<div style="margin-left: 130px;font-size: 18px;margin-bottom: 20px;margin-top: 30px;">
			 <i>	We completely respect your privacy. Any information you send to us will be held in the strictest confidence;<br>  we will not sell, give, or otherwise divulge anything about you to anyone.</i>
			</div>
		</form>
	</div>
</div>



<include file="Public:footer" />
</div>      
</body>
</html>